.overhide {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.overhide_ {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all;}
.overhide_2 {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}


/*flex相关*/
.flex{display: flex;}
.flex-ver {display: flex;flex-direction: column;}
.flex-1 {flex: 1;}
.flex-shrink {flex-shrink: 0};
.flex-align-start {display: flex;align-items: flex-start;}
.flex-align-center {display: flex;align-items: center;}
.flex-align-end {display: flex;align-items: flex-end;}
.flex-justify-start {display: flex;justify-content: flex-start;}
.flex-justify-center {display: flex;justify-content: center;}
.flex-justify-bcenter {display: flex;justify-content: space-between;}
.flex-justify-around {display: flex;justify-content: space-around;}
.flex-justify-evenly{display: flex;justify-content: space-evenly;}
.flex-justify-end {display: flex;justify-content: flex-end;}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-space-between {display: flex;align-items: center;justify-content: space-between;}
.flex-warp {flex-wrap: wrap;}
.flex-inline {display: inline-flex;}


.tx-c {text-align: center;}
.tx-l {text-align: left;}
.tx-r {text-align: right;}

.ml5 {
  margin-left: 5px  !important;
}

.ml10 {
  margin-left: 10px  !important;
}

.ml15 {
  margin-left: 15px  !important;
}

.ml20 {
  margin-left: 20px  !important;
}

.ml30 {
  margin-left: 30px  !important;
}

.mr5 {
  margin-right: 5px  !important;
}

.mr10 {
  margin-right: 10px  !important;
}

.mr15 {
  margin-right: 15px  !important;
}

.mr20 {
  margin-right: 20px  !important;
}

.mr0 {
  margin-right: 0px  !important;
}


.mt5 {
  margin-top: 5px  !important;
}

.mt10 {
  margin-top: 10px  !important;
}

.mt15 {
  margin-top: 15px  !important;
}

.mt20 {
  margin-top: 20px  !important;
}
.mt30 {
  margin-top: 30px  !important;
}




.mb5 {
  margin-bottom: 5px  !important;
}

.mb10 {
  margin-bottom: 10px  !important;
}

.mb15 {
  margin-bottom: 15px  !important;
}

.mb20 {
  margin-bottom: 20px  !important;
}

// padding
.p0 {
  padding: 0  !important;
}

.pl5 {
  padding-left: 5px  !important;
}

.pl10 {
  padding-left: 10px  !important;
}

.pl15 {
  padding-left: 15px  !important;
}

.pl20 {
  padding-left: 20px !important ;
}

.pr5 {
  padding-right: 5px  !important;
}

.pr10 {
  padding-right: 10px  !important;
}

.pr15 {
  padding-right: 15px  !important;
}

.pr20 {
  padding-right: 20px  !important;
}

.pt5 {
  padding-top: 5px  !important;
}

.pt10 {
  padding-top: 10px  !important;
}

.pt15 {
  padding-top: 15px  !important;
}

.pt20 {
  padding-top: 20px  !important;
}

.pb5 {
  padding-bottom: 5px  !important;
}

.pb10 {
  padding-bottom: 10px  !important;
}

.pb15 {
  padding-bottom: 15px  !important;
}

.pb20 {
  padding-bottom: 20px  !important;
}

// 字体大小
.f10 {
  font-size: 10px ;
}

.f12 {
  font-size: 12px  ;
}

.f14 {
  font-size: 14px  ;
}

.f16 {
  font-size: 16px  ;
}

.f18 {
  font-size: 18px  ;
}

.f20 {
  font-size: 20px  ;
}

.f22 {
  font-size: 22px  ;
}

.f24 {
  font-size: 24px  ;
}

.fb {
  font-weight: bold  ;
}
.c-red {
  color: #ff0000;
}

.c-orange {
  color: #ff9000;
}

.c-yellow {
  color: #d0bf00;
}

.c-green {
  color: #58b963;
}

.c-cyan {
  color: #82c7d6;
}

.c-blue {
  color: #21a9ff;
}

.c-purple {
  color: #3d02b6;
}

.c-disable {
  background: #909399 !important;
}

.c-warning {
  color: #e6a23c;
  font-weight: 700;
}

.c-danger {
  color: #f56c6c !important;
  font-weight: 700;
}

.c-success {
  color: #67c23a;
  font-weight: 700;
}
.user-select {
  -moz-user-select:none;/*火狐*/
  -webkit-user-select:none;/*webkit浏览器*/
  -ms-user-select:none;/*IE10*/
  -khtml-user-select:none;/*早期浏览器*/
  user-select:none;
}
